{% include "header.html" %}
    <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
      <!-- CONTEÚDO PRIMÁRIO -->
      <div class="boxPattern bg-painel">
       
       <h3 class="titleFull"><span class="icon-usuario"></span>Painel de Empresa</h3>
       
		<div id="painel-sidebar">
        	
            <div class="user-info">

            	<p><center><strong>Olá, {{ e.nome_fantasia }}!</strong></center></p>


            	<div class="avatar-cont">
                {% if e.foto %}
                	<div class="avatar">
                    	<img src="/media/{{ e.foto }}" height="80px" alt="" width="80px"/>
                    </div>
				{% else %}
				    <div class="avatar">
                    	<img src="{{ MEDIA_URL }}img/avatar.png" />
                    </div>
                {% endif %}
                </div>

                <ul class="user-nav">
                	<li><a href="{% url ingenium.views.empresaCadastro user_id=e.id %}">Alterar Cadastro</a></li>
                    <li><a href="{% url ingenium.views.sair %}">Sair</a></li>
                </ul>

                <div class="clear"></div>

            </div>

            
                	<ul id="painel-nav">

                   <li><a href="{% url ingenium.views.empresaDashboard dash_id=e.id%}"><img src="{{ MEDIA_URL }}img/icon-painel-dashboard.png" />Dashboard</a></li>
                   <li><a href="{% url ingenium.views.empresaGerenciar vaga_id=e.id%}"><img src="{{ MEDIA_URL }}img/icon-painel-curriculo.png" />Gerenciar Vagas</a></li>
                   <li class="active"><a href="{% url ingenium.views.empresaRelatorio rel=e.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-relatorios.png" />Relatórios</a></li>
                   <li><a href="{% url ingenium.views.empresaMensagens cod=e.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-mensagens.png" />Mensagens</a></li>
                   <li><a href="{% url ingenium.views.empresaPerguntas per=e.id%}"><img src="{{ MEDIA_URL }}img/icon-painel-perguntas.png" />Perguntas Frenquentes</a></li>
                   <li><a href="{% url ingenium.views.empresaCursos curso_id=e.id%}"><img src="{{ MEDIA_URL }}img/icon-painel-cursos.png" />Cursos e Treinamentos</a></li>
                   <li><a href="{% url ingenium.views.empresaSugestao user_id=e.id %}"><img src="{{ MEDIA_URL }}img/icon-ask-question.png" width="16" height="16"/>Dúvidas e Sugestões</a></li>
            </ul>
            
        </div>
        
        <div id="painel-conteudo">
        
        	<div class="painel-conteudo-header">
            
            	<span class="painel-home-button"><a href="{% url ingenium.views.empresaCadastro user_id=e.id %}">Dashboard</a></span>
                
                <span class="breadcrumb">Relatórios</span>

            
            </div>
        
        	<h1>Relatórios</h1>
        
        	<div class="painel-cont-int">
            
                <div id="acc-options">
                    <a href="javascript:parentAccordion.pr(1)">Exibir todos</a> | <a href="javascript:parentAccordion.pr(-1)">Ocultar todos</a>
                </div>


                <ul class="acc" id="acc">

                {%if quant%}

				{%for emp in empre%}
                    <li>

                        <h3>Vaga - {{emp.vaga.descricao}}</h3>




                        <div class="acc-section">


                            <div class="acc-content">
                                         {%for seleca in selec%}
                                {%if seleca.recrutamento.vaga = emp.vaga %}
                                <strong><p>{{seleca.tipo}}</p></strong>
                                	<p>Quantidade de Candidatos - {{seleca.quant}}</p>
						<p>Data - {{seleca.data}}</p>
						<p>Observacao - {{seleca.observacao|safe}}</p>
                                  {%endif%}
                                {%endfor%}
                            </div>


                        </div>

                    </li>
                {%endfor%}
                {% else %}

                <p>Nenhuma vaga cadastrada!</p>
                {%endif%}

    
                </ul>
                
                <script type="text/javascript">
                var parentAccordion=new TINY.accordion.slider("parentAccordion");
                parentAccordion.init("acc","h3",1,-1,"acc-selected");
                </script>
            
            </div>
        
        </div>
        
        <div class="clear"></div>		
             
      </div>
      <!-- // FIM CONTEÚDO PRIMÁRIO --> 
      
      <!-- CONTEÚDO SECUNDÁRIO -->
      
    </div>
  </div>
  <!-- // FIM CONTEÚDO --> 
  {% include "rodape.html" %}
